@header-shadow: 3px 3px 6px #000;
@background-pic: url(plumeria.jpg);
@alt-row-bg: #DDDDDD;
@alt-row-color: #000000;
@widget-title-color-webkit: -webkit-gradient(linear, 0% 0%, 0% 50%, from(#FFFFFF), to(#FCF89A) );
@widget-title-color-mozilla: -moz-linear-gradient(100% 50% 90deg, #FCF89A, #ffffff);
@widget-shadow: 3px 3px 8px #000;

body {
  background: @background-pic no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

a {
  color: black;
}

#header {
  background: none;
  border-radius: 8px;
  margin: 0 auto 115px;
  height: 35px;
  width: 926px;
  box-shadow: @header-shadow;
  -moz-box-shadow: @header-shadow;
  -webkit-box-shadow: @header-shadow;
  
  .content-box {
    background-color: #EBE7BC;
  }
}

#header-logout {
  margin-top: -30px;
}

#header-info {
  background: rgba(255, 255, 255, .5);
  border: 3px solid #FCF89A;
  border-radius: 8px;
  display: block;
  float: left;
  height: 97px;
  margin: 8px 5px 19px 0px;
  overflow: hidden;
  padding: 5px;
  width: 382px;
}

#header-round-info {
  background: rgba(255, 255, 255, .5);
  border: 3px solid #FCF89A;
  border-radius: 8px 8px 8px 8px;
  display: block;
  float: left;
  height: 13px;
  margin: -45px 5px 19px 15px;
  overflow: hidden;
  padding: 5px;
  width: 373px;
}

.container {
  background: transparent;
}

.container-top {
  background: transparent;
}

.container-bottom {
  background: none;
}

#activity-scoreboard-content th {
  background-color: #AAD78C;
}

.navbar .brand {
  color: #333333; /* grey */
}

.messages li {
  background-color: #fce988;
}

.messages li.error {
  border: 1px solid #CD0A0A;
  color: #CD0A0A;
}

#notification-list li.ui-state-highlight,#notification-dialog li.ui-state-highlight {
  background-color: #fce988;
  border: 1px solid #fed22f;
}

#quest-list li a, #header-logout a {
  color: #000000;
}

#quest-list li.selected {
  background-color: rgba(40, 42, 42, 1.0);
}

#quest-list li a.quest-user-quest, #quest-hide{
  color: #FFFFFF;
}

div.container div.row-fluid div.content-box {
  background-color: #F8F8FA;
  opacity: 0.9;
  box-shadow: @widget-shadow;
  -moz-box-shadow: @widget-shadow;
  -webkit-box-shadow: @widget-shadow;
}

.content-box-title {
  background-image: @widget-title-color-mozilla;
  background-image: @widget-title-color-webkit;
  border-bottom: 1px solid #000;
}

/** alternating rows **/
.alt-row {
    background: @alt-row-bg;
    color: @alt-row-color;
}

.widget-content p {
    text-align: left;
}

/** news widget top backgrounds **/
th {
  background: #FFFFFF;
}

/** energy title backgrounds **/
fieldset {
  background: #FCFF99;
}

#energy-status-how-activities-table th {
  background: #FDDF97;
}

/** activities **/
#activity-events-content th,#activity-scoreboard-content th {
  background-color: #FBDF99;
}

/** Activities Table Squares and Legend**/
.activity,.activity-legend {
  background-color: #E9FC9B;
}

.commitment,.commitment-legend {
  background-color: #9AE8FB;
}

.event,.event-legend {
  background-color: #FCF79B;
}

.survey,.survery-legend {
  background-color: #FBDE9A;
}

.excursion,.excursion-legend {
  background-color: #FA99E6;
}

.activity div,.commitment div,.event div,.survey div,.excursion div,.yellow-green div {
  font-size: 9pt;
  padding: 1px;
}

.activity-legend,.commitment-legend,.event-legend,.survey-legend,.excursion-legend {
  width: 12px;
  height: 12px;
  border: 1px solid #000;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

/** profile **/
#profile-badges-content h5,#profile-history-content h5 {
  background-color: #FFFFFF;
}

table#profile-form-table {
  background-color: #FCFF99;
}

#profile-form-table td.profile-section-header {
  background-color: #FDDF97;
}